<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!--
* Copyright 2010-2011 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<div data-bb-type="screen" data-bb-effect="fade">
	<div id="foo" data-bb-type="title" data-bb-caption="My GPA Ambition" data-bb-back-caption="<<" data-bb-action-caption="+" onactionclick="bb.pushScreen('addCourse.htm', 'addCourse');"></div>
	<script id="pillButtonsJS" src="js/pillButtons.js" ></script>
	<script id="actionBarJS" src="js/actionBar.js"></script>
	
	 <div data-bb-type="pill-buttons" id="myPillButtons">
		<div data-bb-type="pill-button" data-bb-selected="true" onclick="selectAmbition()">Ambition</div>
		<div data-bb-type="pill-button" onclick="selectGPA()">GPA</div>
		<div data-bb-type="pill-button" onclick="selectScore()"x>Score</div>
	 </div>
	
	<div data-bb-type="round-panel" id="Ambition"> 
		<div data-bb-type="scroll-panel" style="height:650px;" id="AmbitionInside">
		<div data-bb-type="label-control-container">
			<div data-bb-type="row">
				<div data-bb-type="label">Current GPA : </div>       
				<input type="text" id="inputCurrentGPA" value="" />
			</div>  
			<div data-bb-type="row">
				<div data-bb-type="label">Credits Completed : </div>       
				<input type="text" id="inputCreditsCompleted" value="" />
			</div>  
			<div data-bb-type="row">
			   <div data-bb-type="label">Retrieve GPA & credits?</div>
			   <div data-bb-type="button" data-bb-img="images/actionBar/cog_dark_theme.png" onclick="retrieveCurrentGPACredits()">Retrieve</div>
		   </div>
			<div data-bb-type="row">
				<div data-bb-type="label">Wanted GPA : </div>       
				<input type="text"  id="inputWantedGPA" value="" />
			</div>
			<div data-bb-type="row">
				<div data-bb-type="label">Credits Left : </div>       
				<input type="text" id="inputCreditsLeft" value="" />
			</div>
			<div data-bb-type="row">
			   <div data-bb-type="label"></div>
			   <div data-bb-type="button" data-bb-style="stretch" onclick="calculateAmbition()">Calculate!</div>
		   </div>
		   <div data-bb-type="row">
			   <div data-bb-type="label" style="text-align:center"></div>
		   </div>
		</div>
		</div>
	</div>
	
	<div data-bb-type="round-panel" id="AmbitionResult"> 
		<div data-bb-type="label-control-container">
		   <div data-bb-type="row">
			   <div id="resultOpening"data-bb-type="label" style="text-align:center"></div>
		   </div>
		   <div data-bb-type="row">
		   		<div id="gpaAmbitionResult" data-bb-type="label"  style="text-align:center"></div>
		   </div>
		   <div data-bb-type="row">
			   <div id ="creditsLeft"data-bb-type="label" style="text-align:center"></div>
			</div>
		</div>
	</div>
	
	<div data-bb-type="round-panel" id="Score" style="display:none">
			<div data-bb-type="button" data-bb-style="stretch" onclick="bb.pushScreen('addSection.htm', 'addSection');">Add New Section</div>
			<div data-bb-type="row">
				<div data-bb-type="label">Click section to edit.</div>    
			</div>
	</div>
	
	<div data-bb-type="round-panel" id="ScorePanel" style="display:none">
	<div data-bb-type="scroll-panel" style="height:480px;" style="display:none">
		<div data-bb-type="image-list" data-bb-images="none">
			<div data-bb-type="item" data-bb-title="Presence" data-bb-accent-text="5%">You got : 90%</div> 
			<div data-bb-type="item" data-bb-title="Homework" data-bb-accent-text="15%">You got : 80%</div>
			<div data-bb-type="item" data-bb-title="Project" data-bb-accent-text="20%">You got : 70%</div> 
			<div data-bb-type="item" data-bb-title="Mid Term" data-bb-accent-text="30%">You got : 50%</div> 
			<div data-bb-type="item" data-bb-title="Final Term" data-bb-accent-text="30%">You got : 50%</div>		
		</div>
		
	</div>
	</div>

	<div data-bb-type="round-panel" id="ScoreResult" style="display:none">
			<div data-bb-type="row">
			   <div data-bb-type="button" data-bb-style="stretch" onclick="calculateScore()">Calculate!</div>
			</div>
			<div data-bb-type="row">
				<div id="scoreResult" data-bb-type="label" style="text-align:center">You will get XX%.</div>    
			</div>
	</div>
	
	
	
	<div data-bb-type="round-panel" id="GPAA" style="display:none" >
		<p style="text-align:center">Cumulative GPA : 3.202</p>
		<p style="text-align:center">You've been through 6 Semesters, 45 Courses and 155 Credits.</p>
		<div>Click "+" to add new course  </div>
		<div>Click ">" to see the details of each semester</div>
	</div>
	
	<div data-bb-type="round-panel" id="GPA" style="display:none"">
		<div data-bb-type="scroll-panel" style="height:500px;">
			<div data-bb-type="image-list" data-bb-images="none" data-bb-style="arrowbuttons" >
				<div data-bb-type="item" onbtnclick="bb.pushScreen('Semester.htm', 'Semester');" data-bb-title="2012-Second" data-bb-accent-text="4.000">2 Credits, 1 Course</div>
				<div data-bb-type="item" onbtnclick="bb.pushScreen('Semester.htm', 'Semester');" data-bb-title="2012-First" data-bb-accent-text="4.000">4 Credits, 3 Course</div>
				<div data-bb-type="item" onbtnclick="bb.pushScreen('Semester.htm', 'Semester');" data-bb-title="2011-Second" data-bb-accent-text="4.000">11 Credits, 3 Course</div>
				<div data-bb-type="item" onbtnclick="bb.pushScreen('Semester.htm', 'Semester');" data-bb-title="2011-First" data-bb-accent-text="4.000">3 Credits, 1 Course</div>
				<div data-bb-type="item" onbtnclick="bb.pushScreen('Semester.htm', 'Semester');" data-bb-title="2010-Second" data-bb-accent-text="4.000">5 Credits, 2 Course</div>
				<div data-bb-type="item" onbtnclick="bb.pushScreen('Semester.htm', 'Semester');" data-bb-title="2010-First" data-bb-accent-text="4.000">12 Credits, 5 Course</div>
		   </div>
		</div>
	</div>
	
	<div data-bb-type="action-bar">
		<div></div>
		<div></div>
		<div></div>
		<div data-bb-type="action" data-bb-style="tab" data-bb-img="images/actionBar/cog_dark_theme.png" onclick="bb.pushScreen('Settings.htm', 'Settings');">Settings</div>
	</div>
</div>

